<template lang="html">
  <div id="tmp1">
  <mt-swipe :auto="4000">
      <mt-swipe-item v-for="item in list">
        <img :src="item.url">
      </mt-swipe-item>
  </mt-swipe>
  <div class="mui-content">
          <ul class="mui-table-view mui-grid-view mui-grid-9">
              <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to="/news/newslist">
                      <span class="mui-icon mui-icon-home"></span>
                      <div class="mui-media-body">英雄物品</div></router-link></li>
              <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to="/photo/photolist">
                      <span class="mui-icon mui-icon-email"></span>
                      <div class="mui-media-body">英雄榜</div></router-link></li>
              <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to="/goods/goodslist">
                      <span class="mui-icon mui-icon-chatbubble"></span>
                      <div class="mui-media-body">官方榜单</div></router-link></li>
              <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to="/feedback">
                      <span class="mui-icon mui-icon-location"></span>
                      <div class="mui-media-body">天梯</div></router-link></li>
              <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to="/video">
                      <span class="mui-icon mui-icon-search"></span>
                      <div class="mui-media-body">职业战队</div></router-link></li>
              <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to="/callme">
                      <span class="mui-icon mui-icon-phone"></span>
                      <div class="mui-media-body">知名玩家</div></router-link></li>
              <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to="/request">
                      <span class="mui-icon mui-icon-gear"></span>
                      <div class="mui-media-body">数据专题</div></router-link></li>
              <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to="/merryme">
                      <span class="mui-icon mui-icon-info"></span>
                      <div class="mui-media-body">数据直播t</div></router-link></li>

          </ul>
  </div>
  </div>
</template>

<script>
export default {
  data(){
    return {
      list:[]
  }
},
created(){
  this.getImgs();
},
methods:{
   getImgs(){
    var url = 'http://localhost:5009/a.json';
    this.$http.get(url).then(function(res){
      var data = res.body;

      if(data.status !=0){
        Toast(res.message);
        return;
      }
      this.list = data.message;
    })
  }
}
}
</script>

<style lang="css">
.mint-swipe .mint-swipe-items-wrap{
  height: 300px;
}
.mint-swipe-item{
  background-color: red;
  width: 100%;
  height:300px;
}
.mint-swipe-item img{
  height: 100%;
  width: 100%;
}

.mui-grid-view.mui-grid-9 .mui-table-view-cell{
  border-top:0px;
  border-left: 0px;
  border-bottom: 0px;
  border-right: 0px;
}
.mui-content > .mui-table-view:first-child{
  margin-top: 0px;
}

</style>
